// components/elements/LaunchSection
import React from 'react';
import { Box, Typography } from '@mui/material';
import SpeedOutlinedIcon from '@mui/icons-material/SpeedOutlined';

// eslint-disable-next-line no-unused-vars
export const LaunchSection = ({ darkMode = false, iconSx, largeHeaderSx, smallHeaderSx, buttonSx, listItemSx }) => {
  return (
    <Box sx={{ 
      display: 'flex', 
      flexDirection: 'column',
      alignItems: 'center'
    }}>
      <SpeedOutlinedIcon sx={iconSx} />
      
      <Box sx={{ width: '100%', textAlign: 'left', mt: 2 }}>
        <Typography 
          fontWeight="medium"
          sx={largeHeaderSx}
        >
          We Save You 3 Months of Development
        </Typography>
        
        <Typography 
          sx={smallHeaderSx}
        >
          Launch in days, not months. 5-minute setup with our production-ready Go/Node API and React frontend stack.
        </Typography>
      </Box>
    </Box>
  );
};